<!--
 * @Author       : 邱狮杰
 * @Date         : 2021-08-31 11:37:05
 * @LastEditTime : 2021-09-07 19:50:21
 * @FilePath     : /smallnewhope/src/App.vue
 * @Description  : 
-->

<script setup lang="ts">
import logo from "/@/assets/images/logo.png";
import { Music } from '/@/components/index'
import { onMounted } from "vue";
import { useUserInit } from "/@/hooks/userInit";
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
const [userInit] = useUserInit();
onMounted(async () => {
  await userInit();
});
</script>

<template>
  <div class="app">
    <img alt="logo" :src="logo" />
    <Music />
    <router-view />
  </div>
</template>

<style lang="scss" scoped>
.app {
  height: 100vh;
  width: 100vw;
  position: relative;
  img {
    position: absolute;
    top: 21px;
    left: 50%;
    transform: translateX(-50%);
    width: 325px;
    height: 39px;
    object-fit: cover;
    z-index: 12;
  }
}
</style>
